<% layout('../layouts/layout') %>
<% include ../../layouts/layout.header.ejs %>
<link href="/css/detail_all.css" rel="stylesheet">

<div class="container">
    <div class="row">
        <div class="text-center echart-details countCustCapital-detail">
            <h1 class="echart-details-title">开发区资本规模分布</h1>
            <div id="countCustCapital" class="echart-details-content"></div>
            <div class="echart-details-explain">
                <h3>数据解读：</h3>
                <p>
                    开发区住宿和餐饮业站主要优势，占整体的50%；建筑业名列第二，占整体的16.99%，开发区整体市场持续上升；批发和零售业处于发展阶段，目前占整体市场的30%，经济还会持续上升；交通和运输业一直保持平衡阶段，是便民利民的最好途径；食品药品是供开发区有效发展的途径，开发区市场经济不断持续发展。开发区住宿和餐饮业站主要优势，占整体的50%；建筑业名列第二，占整体的16.99%，开发区整体市场持续上升；批发和零售业处于发展阶段，目前占整体市场的30%，经济还会持续上升；交通和运输业一直保持平衡阶段，是便民利民的最好途径；食品药品是供开发区有效发展的途径，开发区市场经济不断持续发展。。
                </p>
            </div>
        </div>
    </div>
</div>
<script src="/libs/jQuery/jquery.min.js"></script>
<script src="/libs/echart/echarts.min.js"></script>
<script>
$(function(){
    if($(".countCustCapital-detail").length > 0){

        $.ajax({
            url:'/devtZoneMarketSubject/kfqCommonService/api/gz/lg/custRegSituate/countCustCapital.v',
            type: "POST",
            dataType: "json",
            data: {},
            success: function(data){
                console.log(data);
                if(data.status == "200"){
                    var oData = data.data.dataList[0];
                    var seriesData = [
                        oData.leOne,
                        oData.leTwo,
                        oData.leThree,
                        oData.leFour,
                        oData.leFive,
                        oData.leSix,
                        oData.leSeven,
                        oData.riEight
                    ];


                    var oHtml = "根据统计，开发区XX家企业资本规模总额达XX万元。其中，资本规模达3000万元的企业有XX家。";




                    console.log(seriesData);

                    // 基于准备好的dom，初始化echarts实例
                    var myChart = echarts.init(document.getElementById('countCustCapital'));

                    var option = {
                        xAxis : [
                            {
                                type : 'category',
                                data : ['0-99万','100-299万','300-499万','500-999万','1000-2999万','3000-4999万','5000-9999万','10000万以上']
                            }
                        ],
                        yAxis : [
                            {
                                type : 'value'
                            }
                        ],
                        tooltip : {
                            trigger: 'axis'
                        },
                        series : [
                            {
                                name:'资本',
                                type:'bar',
                                data:seriesData,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]

                    };


                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);


                }else{
                    layer.msg("商事接口报错");
                }
            },
            error: function(){
                layer.msg("商事接口报错");
            }
        });

    }
})
</script>
<% include ../../layouts/layout.footer.ejs %>